<template>
  <div>
    <h4>这个是父组件</h4>
    <!-- vue中普通的标签可以直接和事件进行绑定触发 -->
    <button @click="hClick">这是是vue中普通的按钮</button>
    <div @click="hClick">这个是一个div标签</div>
    <el-button @click="hClick">这个是element-ui的按钮</el-button>
    <hr>
    <!-- vue中如果是给自定义组件绑定事件，可能需要加上native才能触发 -->
    <son @click.native="hClick" />
    <!-- native相当于在子组件中绑定了相应的事件然后通过子传父进行触发 -->
    <son @click="hClick" />
  </div>
</template>

<script>
import Son from './Son.vue'
export default {
  components: {
    Son
  },
  methods: {
    hClick() {
      alert('ok')
    }
  }
}
</script>

<style>

</style>
